﻿@using MvcApplication.Entity
@{
    Layout = null;
    ViewBag.Title = SiteInfoSession.SiteInfo.Name;
}
@Html.Partial("~/Views/Themes/Food/Header.cshtml")
@model PaginationResult<Post>
<script src="~/Content/themes/food/js/main.js"></script>
<div class="rw-section rw-container" ms-controller="main">
    <div class="smk_page_builder smk_clearfix">
        <!-- Row #ql_1325 start -->
        <div id="ql_1325" class="spb_row smk_clearfix dark" ms-if="top_post" style="display: none">
            <div class="smk_toolkit_grid_container smk_clearfix">
                <div class="spb_section smk_clearfix">
                    <div class="smk_tk_grid desk_12 spb_column smk_clearfix">
                        <div class="spb_module">
                            <div class="home-recipe-of-the-day clearfix">
                                <div class="smk_tk_grid desk_6">
                                    <div class="entry-photo">
                                        <div class="badge">Featured</div>
                                        <a ms-attr-href="'/post_'+el.ID">
                                            <img ms-attr-src="/images/{{el.FirstPicture}}" alt="">
                                        </a>
                                    </div>
                                </div>
                                <div class="smk_tk_grid desk_6">
                                    <h3>
                                        <a ms-attr-href="'/post_'+el.ID">{{top_post.Title}}</a>
                                    </h3>
                                    @*<div>{{top_post.Detail | not_html}}</div>*@
                                    <div class="entry-meta clearfix">
                                        <div class="meta favorites">
                                            <span class="icon"><i class="the-icon fa fa-heart-o"></i></span>
                                            <span class="number">85 favorites</span>
                                        </div>

                                        <div class="meta likes">
                                            <span class="icon"><i class="the-icon fa fa-thumbs-o-up"></i></span>
                                            <span class="number">81 likes</span>
                                        </div>

                                        <div class="meta comments">
                                            <span class="icon"><i class="the-icon fa fa-comments"></i></span>
                                            <span class="number">15 Comments</span>
                                        </div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                        </div>
                        <!-- /.spb_module -->
                    </div>
                    <!-- /.spb_column -->
                </div>
            </div>
        </div>

        <div id="ye_e800" class="spb_row smk_clearfix">
            <div class="smk_toolkit_grid_container smk_clearfix">
                <div class="spb_section smk_clearfix">
                    <div class="smk_tk_grid desk_12 spb_column smk_clearfix">
                        <div class="spb_module">
                            <div class="grid-container carousel-container">

                                <div class="grid desk-6 mob-6">
                                </div>
                                <div class="clear"></div>

                                <div class="home-carousel-posts recipes-list fullwidth-grid home-recipes-list show-4-items clearfix owl-carousel owl-theme" style="opacity: 1; display: block;">

                                    <!-- Entry -->
                                    <div class="owl-wrapper-outer" style="height:303px;">
                                        <div class="owl-wrapper" style="width: 4848px; left: 0px; display: block;">
                                            <div class="owl-item" style="width: 303px;" ms-repeat="hot_posts">
                                                <div class="recipe-view-grid rvg-3-col">
                                                    <div class="grid-in">

                                                        <div class="recipe-block">
                                                            <a ms-attr-href="'/post_'+el.ID">
                                                                <div class="entry-photo">
                                                                    <img ms-if="el.FirstPicture!=null" ms-attr-src="/images/{{el.FirstPicture}}" ms-attr-alt="el.Title">
                                                                    <img ms-if="el.FirstPicture==null" src="~/Content/images/middle_defult.jpg" />
                                                                </div>
                                                            </a>
                                                            <div class="recipe-title">
                                                                <a ms-attr-href="/post_{{el.ID}}">{{el.Title | truncate(10, '...')}}</a>
                                                            </div>
                                                            @*<div class="recipe-controls">
                                                                    <a data-post="163" data-settings="{&quot;tag&quot;:&quot;a&quot;,&quot;class&quot;:&quot;like-post&quot;,&quot;class_active&quot;:&quot;active&quot;,&quot;title&quot;:&quot;Like&quot;,&quot;content&quot;:&quot;<i class=\&quot;fa fa-thumbs-o-up\&quot;><\/i>&quot;,&quot;title_remove&quot;:&quot;Dislike&quot;,&quot;content_remove&quot;:&quot;<i class=\&quot;fa fa-thumbs-up\&quot;><\/i>&quot;,&quot;title_format&quot;:&quot;%text% (%count%)&quot;,&quot;title_not_logged&quot;:&quot;Please log in to like this post&quot;,&quot;attributes&quot;:[],&quot;modify_content&quot;:false,&quot;echo&quot;:true}" data-act="like" data-l="0" href="#" class="smk-mark-button like-post" data-hasqtip="17" oldtitle="Please log in to like this post" title=""><i class="fa fa-thumbs-o-up"></i></a><a data-post="163" data-settings="{&quot;tag&quot;:&quot;a&quot;,&quot;class&quot;:&quot;favorite-post&quot;,&quot;class_active&quot;:&quot;active&quot;,&quot;title&quot;:&quot;Add to favorites&quot;,&quot;content&quot;:&quot;<i class=\&quot;fa fa-heart-o\&quot;><\/i>&quot;,&quot;title_remove&quot;:&quot;Remove from favorites&quot;,&quot;content_remove&quot;:&quot;<i class=\&quot;fa fa-heart\&quot;><\/i>&quot;,&quot;title_format&quot;:&quot;%text% (%count%)&quot;,&quot;title_not_logged&quot;:&quot;Please log in to add this post to favorites&quot;,&quot;attributes&quot;:[],&quot;modify_content&quot;:false,&quot;echo&quot;:true}" data-act="favorite" data-l="0" href="#" class="smk-mark-button favorite-post" data-hasqtip="18" oldtitle="Please log in to add this post to favorites" title="">
                                                                        <i class="fa fa-heart-o"></i>
                                                                    </a>
                                                                </div>*@

                                                        </div>

                                                    </div>
                                                    <!-- .grid-in -->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- .entry -->
                                </div>
                                <!-- .home-carousel-posts -->

                            </div>

                        </div>
                        <!-- /.spb_module -->
                    </div>
                    <!-- /.spb_column -->
                </div>
            </div>
        </div>
        <!-- Row #ye_e800 end -->
        <!-- Row #xp_1894 start -->
        <div id="xp_1894" class="spb_row smk_clearfix">
            <div class="smk_toolkit_grid_container smk_clearfix">
                <div class="spb_section smk_clearfix">
                    <div class="smk_tk_grid desk_6 spb_column smk_clearfix">
                        <div class="spb_module">
                            <div class="grid-container">

                                <div class="grid desk-12">
                                    <h4>最新文章</h4>
                                </div>
                                <div class="clear"></div>

                                <div class="recipes-list home-recipes-list clearfix">

                                    @foreach (var post in Model.Datas.Take(12))
                                    {
                                        <div class="grid desk-12">
                                            <div class="home-blog-post clearfix">
                                                <div class="entry-details">
                                                    <div class="entry-content">
                                                        @if (!string.IsNullOrEmpty(post.FirstPicture))
                                                        {
                                                            <a href="/post_@post.ID">
                                                                <img src="/image?path=@post.FirstPicture" alt="">
                                                            </a>
                                                        }
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    }

                                </div>
                            </div>

                        </div>
                    </div>
                    <!-- /.spb_column -->
                    <div class="smk_tk_grid desk_6 spb_column smk_clearfix">
                        <div class="spb_module">
                            <div class="grid-container clearfix">
                                <div class="grid desk-12">
                                    <h4>&nbsp;</h4>
                                </div>

                                @foreach (var post in Model.Datas.Skip(12).Take(12))
                                {
                                    <div class="grid desk-12">
                                        <div class="home-blog-post clearfix">
                                            <div class="entry-details">
                                                <div class="entry-content">
                                                    @if (!string.IsNullOrEmpty(post.FirstPicture))
                                                    {
                                                        <a href="/post_@post.ID">
                                                            <img src="/image?path=@post.FirstPicture" alt="">
                                                        </a>
                                                    }
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                }
                            </div>
                        </div>
                        <!-- /.spb_module -->
                    </div>
                    <!-- /.spb_column -->
                </div>
            </div>
        </div>
        <!-- Row #xp_1894 end -->
        <!-- Row #ur_f876 start -->
        @*<div id="ur_f876" class="spb_row smk_clearfix">
                <div class="smk_toolkit_grid_container smk_clearfix">
                    <div class="spb_section smk_clearfix">
                        <div class="smk_tk_grid desk_12 spb_column smk_clearfix">
                            <div class="spb_module">
                                <div class="grid-container">
                                    <div class="grid desk-12">
                                        <h4>推荐</h4>
                                        <div class="home-authors clearfix">
                                            <a href="http://gustos.smartik.ws/author/andrei/" class="author" data-hasqtip="38" oldtitle="Andrei - 3377" title="">
                                                <img alt="" src="http://gustos.smartik.ws/wp-content/uploads/sites/8/2015/01/42-256x256-80x80.jpg" class="avatar avatar-80 photo">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <!-- /.spb_module -->
                        </div>
                        <!-- /.spb_column -->
                    </div>
                </div>
            </div>*@

    </div>
</div>
@Html.Partial("~/Views/Themes/Food/Footer.cshtml")

